<!DOCTYPE html>
<script type="text/javascript" src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<style>

    body {
        background-image: url('/static/index.jpg');
        background-size: cover;
    }
</style>


<div class=" " style="margin-top:0%; width:100%">
    <div class="row" style="width:80%; margin-left:10%">
        <div class="" style="width:100%; margin-left:0px;">
        <h2 style="text-align: center;color: red">恐怖袭击数据分析网站</h2>
        <br>
        <br>
        <br>
            <div class="panel panel-default" style="width: 300px; margin: 0 auto">

                 {% for flag in flag %}
                    <div class="alert alert-warning">{{ flag }}</div>
                  {% endfor  %}
                <ul id="myTab" class="nav nav-tabs">
                    <li role="presentation" class="active">
                        <a href="#dota" data-toggle="tab">
                            用户登录
                        </a>
                    </li>
                </ul>
                <div class="panel-body ">
                    <form action="/login/" method="POST">
                        <label for="id_username_or_email">用户名</label>
                        <input name="username" class="form-control" placeholder="请输入用户名" required=""
                               id="id_username_or_email" type="text">
                        <p class="text-danger"></p>

                        <label for="id_password">密码 </label>
                        <input name="password" class="form-control" placeholder="请输入密码" required="" id="id_password"
                               type="password">
                        <p class="text-danger"></p>

                        <span class="pull-left text-danger"></span>
                        <div class="clearfix"></div>
                        <a href="/register/" class="pull_left">注册</a>
                        <input value="登录" class="btn btn-primary pull-right" type="submit">
                    </form>
                </div>
            </div>

        </div>

    </div>
</div>
